<template>
    <div>
        <el-button type="info" plain @click="toVue">Vue</el-button>
        <el-button type="info" plain @click="toVuex">Vuex</el-button>
        <el-button type="info" plain @click="toElementUi">Element-ui</el-button>
        <el-button type="info" plain @click="toJs">Js</el-button>
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name: "TestIndex",
        data() {
            return {
                testComponent: 'EventDemo'
            }
        },
        methods: {
            toVue() {
                this.$router.push('/vue')
            },
            toJs() {
                this.$router.push('/js')
            },
            toVuex() {
                this.$router.push('/vuex')
            },
            toElementUi(){
                this.$router.push('/element-ui')
            }
        }
    }
</script>

<style scoped>

</style>
